<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>选项卡</title>
    <link href="css/index.css" rel="stylesheet">
    <script src="js/index.js" type="text/javascript"></script>
</head>
<body>
    <div id="tab">
        <!--头部-->
        <div id="tab-header">
            <ul>
                <li class="select">公告</li>
                <li>规则</li>
                <li>论坛</li>
                <li>安全</li>
                <li>公益</li>

            </ul>
        </div>
        <!--主要内容-->
        <div id="tab-content">
            <div class="dom" style="display: block">
                <ul>
                    <li><a href="#">数据七夕1 :金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>

                </ul>

            </div>
            <div class="dom">
                <ul>
                    <li><a href="#">数据七夕2:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>

                </ul>


            </div>
            <div class="dom">
                <ul>
                    <li><a href="#">数据七夕3:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>

                </ul>

            </div>
            <div class="dom">
                <ul>
                    <li><a href="#">数据七夕4:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>

                </ul>

            </div>
            <div class="dom">
                <ul>
                    <li><a href="#">数据七夕5:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>
                    <li><a href="#">数据七夕:金牛爱玫瑰</a></li>

                </ul>

            </div>

        </div>
    </div>
</body>
</html>